<template>
<div>
    <Form ref="form" :model="form" :rules="rules" :label-width="80">
        <FormItem label="用户名" prop="username">
            <Input v-model="form.username" placeholder="Enter your name"></Input>
        </FormItem>
        <FormItem label="密码" prop="password">
            <Input v-model="form.password" placeholder="Enter your e-mail"></Input>
        </FormItem>

        <FormItem>
            <Button type="primary" @click="submitForm('form')">Submit</Button>
            
        </FormItem>
    </Form>
</div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
    name: 'login',
    data () {
        return {
            form: {
                username: '',
                password: '',
            },
			rules: {
				username: [
					{ required: true, message: '请输入账号', trigger: 'blur' },
				],
				password: [
					{ required: true, message: '请输入密码', trigger: 'blur' }
				]
			}
        }
    },

    components: {},

    computed: {},

    methods: {

        setRouters () {

            this.$router.push({
                name: 'dashboard',
            });

            // this.$http({
            //     fun : 'api',
            //     requestType : 'GET',
            //     service : 'aa1',
            //     cb : res => {
            //         console.log(res);

            //         let children = [];

            //         res.forEach(item => {
            //             children.push({
            //                 path: '/' + item.name,
            //                 name : item.name,
            //                 meta: {
            //                     test : true,
            //                     name : item.name,
            //                 },
            //                 //component: () => import('@/views/test/table.vue')
            //             });
            //         });

            //         console.log('children');
            //         console.log(children);

            //         sessionStorage.setItem('routers', JSON.stringify(children));

            //         children.forEach(item => {
            //             item['component'] = () => import('@/views/test/table.vue')
            //         })

            //         this.$router.addRoutes([
            //             {
            //                 path: '/',
            //                 name: 'index',
            //                 component: () => import('@/views/index.vue'),
            //                 children,
            //             }
            //         ]);

            //         this.$router.push({
            //             name: 'dashboard',
            //         });
            //     }
            // });

        },


		submitForm(formName) {
			this.$refs[formName].validate((valid) => {
				if (valid) {


                    this.$http({
                        fun : 'login',
                        // requestType : 'get',
                        username: this.form.username,
                        password: this.form.password,
                        cb : res => {
                            console.log(res);

                            this.setRouters();


                            
                        }
                    });

					// this.$http({
					// 	fun: 'login',
					// 	username: this.form.username,
					// 	password: this.form.password,
					// 	requestType: 'get',
					// 	cb: res => {
					// 		console.log(res, '接口返回来的数据');
					// 		let that = this
					// 		if(res.accressToken){
					// 			this.$message({
					// 				message: '恭喜您，登录成功！',
					// 				type: 'success'
					// 			});
					// 			setTimeout(function() {
     //                                that.$router.push({
     //                                    name: 'dashboard',
     //                                });
					// 			},1000)
     //                        }else{
					// 			this.$message({
					// 				message: res.errmsg,
					// 				type: 'warning'
					// 			});
     //                        }
					// 	},
					// });
				} else {
					console.log('error submit!!');
					return false;
				}
			});



            // var para = {
            // 	fun : 'login',
            // 	username : this.form.username,
            // 	password : this.form.password,
            // 	requestType : 'get',
            // 	cb : res => {
            // 		console.log(res);

            // 		//已经登录过了。
            // 		// if(res == '1'){
            // 			this.$router.push({
            // 				name: 'dashboard',
            // 			});
            // 		// }
            // 	},
            // 	err : res => {
            // 		this.$notify.error({
            //           title: '错误',
            //           message: res,
            //         });
            // 	},
            // };
            // http(para);
        },
    },
    watch: {},
    mounted () {
        //this.$refs['username'].focus()
    },
}
</script>

<style lang="less">
    @import './login.less';
    svg {
        width: 100px;
        height: 30px;
    }

</style>
